<template>
	<view class="card">
		<view class="title b-b">{{ title }}</view>
		<view class="content">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			};
		},
		onLoad() {
			console.log(this.title)
		}
	}
</script>

<style lang="scss" scoped>
.card {
	padding: 0 30upx;
	background-color: #FFFFFF;
	border-radius: 10upx;
	.title {
		font-size: 36upx;
		font-weight: 500;
		color: #333333;
		line-height: 105upx;
	}
	.content {
		padding: 30upx 0;
	}
}
</style>
